iT邦幫忙

2024 iThome 鐵人賽

DAY 14
0

今天就來説一下input吧~

input呢就是輸入框,畢竟在設計網頁的時候還是會需要用到輸入框的吧,所以今天就來説説輸入框吧。輸入框在html裏面是使用<input>來去寫的。input這個屬性的預設的type是text文字。

我們來説説input能使用的輸入類型吧

  • button 按鈕
  • checkbox 復選框
  • color 顔色
  • date 日期
  • datetime-local 本地日期和時間
  • email 電子郵件
  • file 文件
  • hidden 隱藏
  • image 影像
  • month 月份
  • number 數字
  • password 密碼 密碼裏面的字會顯示為星號或者圓圈
  • radio 收音機 定義一個單選按鈕
  • range 範圍
  • reset 重設
  • search 搜尋
  • submit 提交
  • tel 電話號碼
  • text 文字
  • time 時間
  • url 網址
  • week 周

而除了可以輸入type也可以使用<value>來讓你的輸入框有字

就會好像這樣https://ithelp.ithome.com.tw/upload/images/20240922/20168629HjSrQn2G2t.png

而且他是同時在裏面輸入id name class來使用的喲,但由於input能使用的輸入類型的實在太多了而且如果還寫入程式碼的還就會很多所以這裏我就不一一示範啦,各位就自己去嘗試看看吧~

今天就到這裏啦,我們明天見~/images/emoticon/emoticon76.gif


上一篇
day 13 html的 button
下一篇
day 15 css 的 display
系列文
html跟css神奇的化學反應30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言